<template>
    <el-drawer :append-to-body="true" title="审批人设置" v-model="visible" class="set_promoter" 
        :show-close="false" :size="550" :before-close="saveApprover"> 
        <div class="demo-drawer__content">
            123
        </div>
        <template #footer>
            <div class="demo-drawer__footer clear">
                <el-button @click="closeDrawer">取 消</el-button>
                <el-button type="primary" @click="saveApprover">确 定</el-button>
            </div>
        </template>
    </el-drawer>
</template>
<script setup>
    import {ref, watch, computed} from 'vue'
    import useFlowStore from "@/store/modules/flow";
    let store = useFlowStore()
    let { setApprover } = store
    let approverDrawer = computed(()=> store.approverDrawer)
    let visible = computed({
        get(){
            return approverDrawer.value
        },
        set(){
            closeDrawer()
        }
    }) 
    let props = defineProps({
        directorMaxLevel: {
            type: Number,
            default: 0
        }
    });
    const saveApprover = ()=> {
        closeDrawer()
    }
    const closeDrawer = ()=> {
        setApprover(false)
    }
</script>
<style lang="scss">


</style>